<template>
  <button :class="typeClass"><slot></slot></button>
</template>

<script name="ItButton" setup>
import { computed } from 'vue'
const props = defineProps({
  type: {
    type: String,
    default: 'default',
  },
})
const typeClass = computed(() => {
  return ['it-button', `it-button-${props.type}`]
})
</script>
<style scoped>
button {
  /* outline: none; */
  /* border: 0; */
  /* cursor: pointer; */
  padding: 12px 24px;
  border-radius: 4px;
  border: 1px solid;
}

.it-button-default {
  background-color: red;
}

.it-button-simple {
  background-color: transparent;
}
</style>
